.CardLeft {
  width: 50.61%;
  float: left;
  height: 15vh;
  margin: 0.5vh 0.7075% 1vh 0.5896%;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 8px 0px #a5bbe0;
}
.CardRight {
  float: left;
  width: 47.37%;
  margin: 0.5vh 0px 1vh 0px;
  height: 15vh;
  background: #ffffff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 8px 0px #a5bbe0;
  box-shadow: 0px 0px 8px 0px #a5bbe0;
}
.CardBottom {
  width: 98.7%;
  margin: 0px 0.7075% 8px 0.5896%;
  height: 75vh;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 8px 0px #a5bbe0;
  overflow: auto;
}
.Table {
  text-align: center;
}
.click_span {
  cursor: pointer;
}
.primary {
  height: 24px;
  background: #5bcbf2;
  border-radius: 4px 5px 5px 4px;
  box-shadow: 0px 2px 4px 0px rgba(153, 177, 215, 0.8);
  color: #fff;
}
.delete {
  height: 24px;
  background: #ffffff;
  border-radius: 4px 5px 5px 4px;
  box-shadow: 0px 2px 4px 0px rgba(195, 195, 195, 0.8);
}
.MyIcon_xinzeng {
  width: 13px;
  height: 13px;
  color: #3C8FFF;
  margin-right: 5px;
}
.MyIcon_gongneng {
  width: 20px;
  height: 16px;
  color: #31E0A0;
  margin-right: 5px;
  margin-left: 5px;
}
.MyIcon_webicon320 {
  width: 16px;
  height: 16px;
  color: #3C8FFF;
  margin-right: 5px;
  margin-left: 5px;
}
.MyIcon_del {
  width: 9px;
  height: 13px;
  color: #FF6446;
  margin-right: 5px;
  margin-left: 5px;
}
.Progress {
  position: absolute;
  right: 50%;
}
.Progress .words {
  position: absolute;
  left: 20%;
  top: 20%;
}
.Progress .words div {
  margin-left: 10px;
  font-size: 10px;
}
.Progress .words h5 {
  margin-left: 13px;
}
.Progress:last-child {
  position: absolute;
  right: 10%;
}
.Progress:nth-child(2) {
  position: absolute;
  right: 30%;
}
.use_leve {
  position: absolute;
  right: 36vh;
  top: 50px;
  font-weight: 700;
}
.Pagination {
  margin-top: 5px;
  margin-left: 60vh;
}
.myTable :global .ant-table-thead .wpColumn,
.myTable :global .ant-table-thead .ant-table-selection-column {
  background-color: red ;
  text-align: center ;
  color: #4A4A4A;
  border-bottom: 1px solid #fff;
  font-size: 13px;
}
.myTable :global .ant-table-thead tr th {
  text-align: center;
  background-color: #D9F4FF !important;
}
.myTable :global .ant-table-tbody .wpColumn {
  background-color: #ffffff;
  text-align: center;
  color: #333333;
  font-size: 13px;
}
.myTable :global .ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
.myTable :global .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e8e8e8;
}
.Small_Table {
  position: absolute;
  top: 4px;
  right: 4%;
  width: 34vh;
}
.my_Small_Table :global .ant-table-thead .wpColumn,
.my_Small_Table :global .ant-table-thead .ant-table-selection-column {
  background-color: red ;
  text-align: center ;
  color: #4A4A4A;
  border-bottom: 0px solid #fff;
  font-size: 13px;
}
.my_Small_Table :global .ant-table-thead tr,
.my_Small_Table :global .ant-table-thead td:hover {
  background-color: #fff !important;
}
.my_Small_Table :global .ant-table-tbody tr td {
  font-size: 16px;
  font-weight: 700;
  font-family: mFont;
}
.my_Small_Table :global .ant-table-tbody td:hover {
  background-color: #fff !important;
}
.my_Small_Table :global .ant-table-tbody .wpColumn {
  background-color: #ffffff;
  text-align: center;
  color: #333333;
  font-size: 13px;
}
.my_Small_Table :global .ant-table-tbody:hover td {
  background-color: #fff !important;
}
.my_Small_Table :global .ant-table-small {
  border: 0 !important;
}
.my_Small_Table :global .ant-table-small.ant-table-bordered .ant-table-thead tr th {
  border: 0px solid #e8e8e8;
}
.my_Small_Table :global .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border: 0 !important;
}
.my_Small_Table :global .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  border: 0 !important;
}
.my_Small_Table :global .ant-table-bordered .ant-table-tbody > tr > td {
  border: 0 !important;
}
.my_Small_Table :global .ant-table-bordered .ant-table-thead > tr > th,
.my_Small_Table :global .ant-table-bordered .ant-table-tbody > tr > td {
  border: 0 !important;
}
@font-face {
  font-family: mFont;
  src: url('../../assets/ziti.ttf');
}
.warp {
  display: flex;
  justify-content: space-around;
}
.warp .divTd {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.warp .divTd td {
  margin: 2px 0px;
}
.warp .divTd .onetd {
  margin-bottom: 5px;
  margin-top: -3px;
}
.warp .divTd .twotd {
  margin-bottom: 5px;
  margin-top: -3px;
}
.warp .divTd span {
  font-weight: 700;
}
.warp .divTd .oneDivTd {
  width: 5vh;
  height: 5vh;
  background-size: 100%100%;
  margin-top: 4px;
  font-size: 10px;
  margin-left: 20px;
}
.warp .divTd .towDivTd {
  width: 14vh;
  margin-top: 8px;
  font-size: 10px;
  margin-bottom: 6px;
}
.warp .divTd .towDivTd div {
  background: url('../../assets/huo.png') repeat center center;
  background-size: 100%100%;
  width: 3vh;
  height: 3vh;
  display: inline-block;
  font-size: 10px;
  vertical-align: middle;
}
.warp .divTd .sanDivTd {
  margin-bottom: 6px;
  width: 12vh;
  margin-top: 8px;
  font-size: 10px;
}
.warp .divTd .sanDivTd div {
  background: url('../../assets/shui.png') repeat center center;
  background-size: 100%100%;
  width: 3vh;
  height: 3vh;
  display: inline-block;
  vertical-align: middle;
}
.warp .divTd .siDivTd {
  margin-bottom: 6px;
  width: 12vh;
  margin-top: 8px;
  font-size: 10px;
}
.warp .divTd .siDivTd div {
  background: url('../../assets/shan.png') repeat center center;
  background-size: 100%100%;
  width: 3vh;
  height: 3vh;
  display: inline-block;
  vertical-align: middle;
}
